<!-- https://www.bilibili.com/video/BV1Rh411y7kB?from=search&seid=18197231217207633941&spm_id_from=333.337.0.0 -->
<!-- https://mp.weixin.qq.com/s/xZL3uDOzjOrmdm1k7ZGgmQ -->
<!-- htmlParagraphElemnet -->
<template id="zz_card">
  <style>
    .zz_card_box {
      display: inline-block;
      min-width: 300px;
      max-width: 500px;
      margin: 20px;
      border: 1px solid #ccc;
      border-radius: 4px;
    }

    .zz_card_head {
      padding: 20px;
      border-bottom: 1px solid #ccc;
    }

    .zz_card_body {
      padding: 20px;
      color: red;
    }
  </style>
  <div class="zz_card_box">
    <div class="zz_card_head">
      卡片头部
    </div>
    <div class="zz_card_body">
      卡片内容
    </div>
  </div>
</template>